$global-font-family           : -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
$global-code-font-family      : SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
$global-post-detail-font-size : 14px;
$global-body-bg-color         : #f0f0f0;
$global-main-content-bg-color : #ffffff;
$global-font-color            : #273e54;
$global-html-code-bg-color    : #f0f0f0;
$global-html-code-border      : 1px solid #d1d1d1;
$global-html-a-color          : #0353a4;
$global-border-color          : #dee2e6;
$global-main-width            : 700px;

body {
    margin          : 0;
    padding         : 0;
    min-height      : 100%;
    height          : 100%;
    font-weight     : 400;
    line-height     : 1.6;
    letter-spacing  : .33px;
    background-color: $global-body-bg-color;
    // font-family: $global-font-family;
    text-rendering        : optimizeLegibility;
    // -webkit-font-smoothing: antialiased;
    // border: unset;
    color: $global-font-color;
    // font-size: $global-font-size;
}

a {
    text-decoration: none;

    &:link,
    &:visited,
    &:active {
        color: $global-html-a-color;
    }

    &:hover {
        text-decoration: underline;
    }
}


@import "./hide.scss";
@import "./media.scss";

#home {
    margin-bottom: 100px;
}

#header {
    // display         : none;
    width           : $global-main-width;
    margin          : 0 auto;
    // position        : relative;
    // padding         : 0 20px;
    // background-color: #f8f9fa;
    // border          : 1px solid #eaeaea;

    #blogTitle {
        display: none;
    }

    #navigator {
        display: block;
        width  : $global-main-width;
        margin : 0 auto;

        #navList {
            display             : block;
            list-style          : none;
            padding-inline-start: unset;
            margin-block        : unset;
            margin              : 10px 0;
            font-size           : 14px;

            li {
                display: inline-block;
            }

            .menu {
                color       : #555;
                font-size   : 1em;
                margin-right: 15px;
            }
        }

        .blogStats {
            // display: none;
            font-size: 14px;
            text-align: right;
        }
    }
}

#footer {
    display: none;
}

#main {
    width : $global-main-width;
    margin: 0 auto;

    #mainContent {
        padding: 25px;
        background-color: $global-main-content-bg-color;

        @import "./post_list.scss";
        @import "./post_detail.scss";
        @import "./post_comments.scss";
    }

    #sideBar {
        display: none;
    }
}
